/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[12].use[3]!./src/css/header.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
ul.dt-header{
  list-style: none;
  padding: 6px 2rem;
  /* box-shadow: 0px 4px 25px 0px #DADADA40; */
  border-radius: 1.5rem;
  gap: clamp(1rem, 3rem, 3rem);

  background: rgba(246, 246, 246, 1);
  @media screen and (max-width: 992px) {
    gap: 1rem;
    box-shadow: none;
  }
}

.custom-text-color {
  color: rgb(51, 51, 51, 1); /* Replace these values with your desired RGBA values */
}


ul.dt-header li a{
  text-decoration: none;
  color: rgba(51, 51, 51, 1);
}

ul.dt-header li a:hover, ul.dt-header li a:hover{
  color: var(--primary);
}

.dt-highlighted-link{
  font-weight: 500;
}

.dt-highlighted-link-enclosing{
  position: relative;
}

.dt-highlighted-link-enclosing::after{
  content: "|";
  position: absolute;
  top: 0%;
  left: calc(50% - 12px);
  color: var(--dark);
}

.dt-custom-flag-select{
  position: relative;
  /* : 1px solid; */
  border-radius: 4px;
  padding: 4px;
}

.dt-custom-flag-options{
  flex-direction: column;
  list-style: none;
  padding: 0;
  position: absolute;
  width: 100%;
  border: 1px solid grey;
  top: 2.5rem;
  border-radius: 4px;
  padding: 6px;
}

.dt-custom-flag-select:hover, .dt-custom-flag-options:hover{
  cursor: pointer;
}

.dt-rotate90{
  transform: rotate(-90deg);
}

.dt-mobile-menu {
  position: fixed;
  top: 0;
  right: 0;
  width: min(70vw, 300px);
  height: 100vh;
  display: flex;
  flex-direction: column;
  background: var(--secondary);
  padding: 2rem;
  border-top-left-radius: 1rem;
  gap: 1rem;
  z-index: 9;
  box-shadow: -2px 0px 44px 0px rgba(165, 155, 155, 0.25);
}

.dt-header-small{
  @media screen and (max-width: 992px) {
    padding: 0 !important;
    box-shadow: none;
    background-color: var(--secondary) !important;
  }
}

.dt-mobile-links{
  padding: 6px 1.5rem 10px 1.5rem;
  border-radius: 2rem;
}

.dt-mobile-links.dt-active{
  background: #0076CC1A;
}

.dt-header-logo-image{
  display: inline-block;
  height: 50px;
  width: 50px;
  border-radius: 6px;
}

.dt-solution-card-wrapper{
  border: var(--border);
  border-radius: 1rem;
  padding: 12px 1rem;
  background: #fcfcfc;
}

.dt-solution-wrapper{
  left: 50%;
  transform: translate(-50%);
  border: var(--border);
  padding: 1rem;
  border-radius: 1rem;
  background: white;
  box-shadow: 0px 4px 25px 0px #DADADA40;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[12].use[3]!./src/css/globals.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
:root{

  /* defining custom styles  */

  --primary: #0076CC;
  --secondary: white;
  --tertiary: white;
  --dark: #333333;
  --dark-opacity-1: rgba(51, 51, 51, 0.1);
  --dark: rgba(51, 51, 51, 1);
  --blue-voilet-gradient: linear-gradient( 135deg, #8d54e957 0%, white 50%, #8d54e917 100%);
  --timeline-color: #8E54E9;
  --background-color: #f6f6f6;
  --danger: red;
  --border: 1px solid rgba(51, 51, 51, 0.1);

  font-size: clamp(14px, 16px, 18px);
  line-height: 1;

}

*{
  /* css reset  */
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

body{
  font-family: 'Poppins', sans-serif;
  min-height: 100vh;
}

.dt-highlighted-link{
  font-weight: 500;
}

.dt-card > *{
  flex: 1 1;
}

.dt-button-group > *{
  flex: 1 1;
}

.dt-button{
  display: inline-block;
  border: 1px solid var(--primary);
  border-radius: 2rem;
  padding: 4px 1rem 7px 1rem;
  text-decoration: none;
  font-size: 1.20rem;
  text-align: center;
  min-width: 200px;
}

.dt-button-primary{
  background-color: var(--primary);
  color: var(--secondary);
}
.dt-button-secondary{
  color: #0076cc;
  background: #ffffff !important;
}

.dt-text-card{
  max-width: 500px;
  min-width: 250px;
}

.dt-primary-heading, .dt-important-text{
  color: var(--primary);
}

.dt-active-link{
  /* font-weight: 500; */
  color: var(--primary) !important;
}

.dt-mobile-icon {
  top: 42px;
  left: 30px;
}

.dt-email-icon {
  top:47px;
  left: 21px;
}

.dt-password-icon {
  bottom: 14px;
  left: 21px;
}


.dt-input-border {
  width: clamp(250px, 425px, 75vw);
}
.dt-border-none {
  border: none;

}
.dt-border-none:focus {
  outline: none;
}

.dt-border {
  border-radius: 50px;
  border: 0.5px solid rgba(51, 51, 51, 0.5);
}

.dt-cards:hover {
  border-color: var(--primary);
}

.dt-terms-and-conditions > strong, h2 {
  margin-top: 30px;
  margin-bottom: 15px;
}

.dt-terms-and-conditions > p {
  margin-top: 5px
}

.dt-refund-policy > h4{
  margin-top: 3px;
}

.dt-form-border-radius {
  border-radius: 50px;
}

.dt-flagselection > span {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 17px;
}

.dt-red-asterisk {
  color: var(--danger);
}


.dt-main-content{
  margin-left: 78px;
}

.dt-icon-button{
  height: 40px;
  width: 40px;
  border-radius: 50%;
  text-align: center;
  border: 1px solid rgba(51, 51, 51, 0.5);
  background-color: none;
}

.dt-main-image img{
  width: min(75vw, 425px);
  height: auto;
}

.dt-logo img, img.dt-logo{
  width: min(38vw, 190px);
}

.dt-full-button{
  @media screen and (max-width: 768px) {
    width: 100%;
  }
}

.dt-border-bottom-primary{
  border-bottom: 2px solid var(--primary) !important;
}

.dt-tab{
  border: none;
  background: none;
}


.dt-small-primary-button{
  border: 1px solid var(--primary);
  border-radius: 2rem;
  padding: 4px 1rem 7px 1rem;
}

.dt-small-secondary-button{
  border: 1px solid var(--primary);
  border-radius: 2rem;
  padding: 4px 1rem 7px 1rem;
}

.captcha-sujjest{
  pointer-events: none;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 15px;
  background: #f8f9fa;
}

.optimistic-options{
  background: #0076cc;
  color: white;
}


.smart-devider:not(:last-child) {
  border-bottom: 1px solid white;
}